<template>
  <div>
    {{ "msg1 =" + msg1 }}
    {{ "msg2 =" + msg2 }}
    {{ "info =" + info }}
    <button @click="sendToParent"></button>
  </div>
</template>

<script>
export default {
  props: ['msg1', 'msg2'],
  setup (props, content) {
    console.log('props =', props)
    console.log(props.msg1)
    console.log(props.msg2)
    function sendToParent () {
      content.emit('change')
    }
    return {
      info: props.msg1,
      sendToParent
    }
  }
}
</script>

<style>
</style>
